Stylish UI/com.segnities007.stylishui.structure

Package-level declarations

Types

typealias ConnectedButtonItemContent = @Composable (item: StylishConnectedButtonItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-button layout (Structure layer).

ConnectedCardItemContent

typealias ConnectedCardItemContent = @Composable (item: StylishConnectedCardItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-card layout (Structure layer).

ConnectedChipItemContent

typealias ConnectedChipItemContent = @Composable (item: StylishConnectedChipItem, modifier: Modifier, shape: Shape, outlineEdges: ConnectedEdges, outlineCorners: ConnectedCorners) -> Unit

The rendering contract for a single item within a headless connected-chip layout (Structure layer).

ConnectedIconButtonItemContent

typealias ConnectedIconButtonItemContent = @Composable (item: StylishConnectedIconButtonItem, modifier: Modifier, shape: Shape, corners: ConnectedCorners) -> Unit

Rendering contract for one item in ConnectedIconButtonRow.

Functions

ConnectedAvatarRow

@Composable

fun <T> ConnectedAvatarRow(items: List<T>, modifier: Modifier = Modifier, maxVisible: Int = 5, overlap: Dp = (-8).dp, avatar: @Composable (item: T, index: Int, modifier: Modifier) -> Unit, overflow: @Composable (hiddenCount: Int, modifier: Modifier) -> Unit = { _, _ -> })

A headless overlapping avatar row layout (Structure layer).

ConnectedButtonColumn

@Composable

fun ConnectedButtonColumn(items: List<StylishConnectedButtonItem>, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedButtonItemContent)

A headless vertically connected button layout (Structure layer).

ConnectedButtonGrid

@Composable

fun ConnectedButtonGrid(items: List<StylishConnectedButtonItem>, columns: Int, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedButtonItemContent)

A headless grid of connected buttons laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedButtonRow

@Composable

fun ConnectedButtonRow(items: List<StylishConnectedButtonItem>, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedButtonItemContent)

A headless horizontally connected button layout (Structure layer).

ConnectedCardColumn

@Composable

fun ConnectedCardColumn(items: List<StylishConnectedCardItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, card: ConnectedCardItemContent)

A headless vertically connected card layout (Structure layer).

ConnectedCardGrid

@Composable

fun ConnectedCardGrid(items: List<StylishConnectedCardItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, card: ConnectedCardItemContent)

A headless grid of connected cards laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedCardLazyColumn

@Composable

fun ConnectedCardLazyColumn(items: List<StylishConnectedCardItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, contentPadding: PaddingValues = PaddingValues(horizontal = StylishTheme.dimensions.controlPadding), key: (StylishConnectedCardItem) -> Any? = null, listState: LazyListState = rememberLazyListState(), card: ConnectedCardItemContent)

A headless lazily-composed vertically connected card layout (Structure layer).

ConnectedCardLazyGrid

@Composable

fun ConnectedCardLazyGrid(items: List<StylishConnectedCardItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, contentPadding: PaddingValues = PaddingValues(horizontal = StylishTheme.dimensions.controlPadding), key: (StylishConnectedCardItem) -> Any? = null, listState: LazyGridState = rememberLazyGridState(), card: ConnectedCardItemContent)

A headless lazily-composed grid of connected cards laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedCardRow

@Composable

fun ConnectedCardRow(items: List<StylishConnectedCardItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, card: ConnectedCardItemContent)

A headless horizontally connected card layout (Structure layer).

ConnectedChipColumn

@Composable

fun ConnectedChipColumn(items: List<StylishConnectedChipItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, chip: ConnectedChipItemContent)

A headless vertically connected chip layout (Structure layer).

ConnectedChipGrid

@Composable

fun ConnectedChipGrid(items: List<StylishConnectedChipItem>, columns: Int, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, chip: ConnectedChipItemContent)

A headless grid of connected chips laid out in equal-width cells across a fixed number of columns (Structure layer).

ConnectedChipRow

@Composable

fun ConnectedChipRow(items: List<StylishConnectedChipItem>, modifier: Modifier = Modifier, spacing: Dp = StylishTheme.dimensions.connectedSpacing, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, fillWidth: Boolean = false, chip: ConnectedChipItemContent)

A headless horizontally connected chip layout (Structure layer).

ConnectedIconButtonRow

@Composable

fun ConnectedIconButtonRow(items: List<StylishConnectedIconButtonItem>, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.iconButtonMinSize / 2, joinedCornerRadius: Dp = StylishTheme.dimensions.joinedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, button: ConnectedIconButtonItemContent)

Headless horizontal layout for connected icon buttons.

ConnectedToggleRow

@Composable

fun <T> ConnectedToggleRow(items: List<T>, selectedIndex: Int?, onSelectedChange: (Int) -> Unit, modifier: Modifier = Modifier, cornerRadius: Dp = StylishTheme.dimensions.connectedCornerRadius, spacing: Dp = StylishTheme.dimensions.connectedSpacing, toggle: @Composable (item: T, index: Int, isSelected: Boolean, modifier: Modifier, shape: Shape, edges: ConnectedEdges, corners: ConnectedCorners) -> Unit)

A headless horizontally connected toggle row layout (Structure layer).

DataTableLayout

@Composable

fun <T> DataTableLayout(rows: List<T>, header: @Composable () -> Unit, row: @Composable (index: Int, item: T) -> Unit, modifier: Modifier = Modifier, key: (T) -> Any? = null, stickyHeader: Boolean = true, contentPadding: PaddingValues = PaddingValues(0.dp), listState: LazyListState = rememberLazyListState(), emptyContent: @Composable () -> Unit? = null)

Headless virtualized table structure with optional sticky header and stable row identity. Styling, cells, selection, sorting, and interaction are entirely supplied by slots.